function zhanshi() {
	var ospan = document.getElementById("span1");
	//	debugger
	if(ospan.style.display == "none") {
		ospan.style.display = "block";
	} else {
		ospan.style.display = "none";
	}
}

function zhanshi2() {
	var a = document.getElementById("span2");
	var b = document.getElementById("span3");
	//	debugger
	if(a.style.display == "none" && b.style.display == "none") {
		a.style.display = "block";
		b.style.display = "block";
	} else {
		a.style.display = "none";
		b.style.display = "none";
	}
}

function zhanshi3(){
	var c = document.getElementById("span4");
	//	debugger
	if(c.style.display == "none") {
		c.style.display = "block";
	} else {
		c.style.display = "none";
	}
}

function zhanshi4() {
	var a = document.getElementById("span5");
	var b = document.getElementById("span6");
	//	debugger
	if(a.style.display == "none" && b.style.display == "none") {
		a.style.display = "block";
		b.style.display = "block";
	} else {
		a.style.display = "none";
		b.style.display = "none";
	}
}


var tab1 = document.getElementById('tab1'),
    tab2 = document.getElementById('tab2'),
    c1 = document.getElementById('per'),
    c2 = document.getElementById('comp');
function changeTab1() {
    tab1.className = 'show';
    tab2.className = '';
    c1.className = 'selected'
    c2.className = '';
}
function changeTab2() {
    tab1.className = ''
    tab2.className = 'show';
    c1.className = ''
    c2.className = 'selected';
}